/*

This file is part of Ext JS 4

Copyright (c) 2011 Sencha Inc

Contact:  http://www.sencha.com/contact

GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.

If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact.

*/
//Ext.Loader.setConfig({enabled:true});
//Ext.Loader.setPath('Ext.ux', '../ux');

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*',
	'Ext.window.MessageBox',
    'Ext.tip.*',
	'Ext.form.*',
	'Ext.selection.CheckboxModel'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
    
	function crear_cita()
	{
		var Id_servicio=[];
		var cns_cs=[];
		/*#############################################*/
		var selections=grid_contratados.selModel.getSelection();
		for(i = 0;i<selections.length;i++)
		{
			Id_servicio.push(selections[i].get('Id_servicio'));
			cns_cs.push(selections[i].get('cns_cs'));
		}
		if(i==0 && var_Id_cita_agenda==-1)
		{
			Ext.MessageBox.alert('Error','Debes seleccionar un servicio');
			return;
		}
			var Id_servicio_array =Ext.encode(Id_servicio);
			var cns_cs_array =Ext.encode(cns_cs);
			if(isFormValid() || var_Id_cita_agenda!=-1)
			{
					Ext.Ajax.request({
									waitMsg: 'Espere...',
									url: 'db_venta_producto.php',
									params: {
												task: 				"CREATE_CITA",
												Id_personal: 		var_id_personal_agenda,
												Id_servicio:		Id_servicio_array,
												cns_cs:				cns_cs_array,
												fecha:				txt_fecha_atencion_agenda.getRawValue(),
												hora_inicia:		txt_hora_inicia_agenda.getRawValue(),
												hora_fin:			txt_hora_fin_agenda.getRawValue(),
												Id_equipo:			combo_equipo.getValue(),
												Id_cita:			var_Id_cita_agenda
											}, 
										success: function(response)
										{
											var result=eval(response.responseText);
											switch(result)
											{
												case 1:
														Ext.MessageBox.alert('Registro OK','Se creo la Cita');
														/*	Agenda del personal	*/
														buscar_agenda(var_id_personal_agenda,txt_fecha_atencion_agenda.getRawValue());
														/*	Contrataciones vigentes del cliente	*/
														DataStore_servicios_contrataciones_agenda.load({params: {Id_cliente:var_id_cliente_agenda}});
														/*	Citas ya creadas	*/
														DataStore_agenda_citas_creadas.load({params: {Id_cliente:var_id_cliente_agenda}});
														break;
												case 2:
														Ext.MessageBox.alert('Favor de verificar','Ya existe una cita asignada al personal ese dia');
														break;
												case 3:
														Ext.MessageBox.alert('Favor de verificar','Existe una cita de este servicio que no se ha atendido');
														break;
												default:
														Ext.MessageBox.alert('Error','Error en la BD');
														break;									 
											}
										},
									failure: function(response)
									{			  
										var result=response.responseText;
										Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
									}
					});				
			}
			else
			{
				Ext.MessageBox.alert('Error','Verifica los datos');
			}
	}
	
	// setup the state provider, all state information will be saved to a cookie
    Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
	
	function borrar_cita()
	{
		if(var_Id_cita_agenda==-1)
		{
			Ext.MessageBox.alert('Error','Debes seleccionar un servicio');
			return;
		}			
		Ext.Ajax.request({
							waitMsg: 'Espere...',
							url: 'db_venta_producto.php',
							params: {
										task: 			"DELETE_CITA",
										Id_cita: 		var_Id_cita_agenda,
							}, 
							success: function(response)
							{
								var result=eval(response.responseText);
								switch(result)
								{
									case 1:
											Ext.MessageBox.alert('Error','No se encuentra cita seleccionada');
											//buscar_agenda(var_id_personal_agenda,txt_fecha_atencion_agenda.getRawValue());
											DataStore_agenda.load({params: {Id_cliente:var_id_cliente_agenda}});
											break;
									case 2:
											Ext.MessageBox.alert('Error','Error al eliminar la cita');
											DataStore_agenda.load({params: {Id_cliente:var_id_cliente_agenda}});
											break;
									case 3:
											Ext.MessageBox.alert('Error','No se puede eliminar por que ya se realizo un pago');
											DataStore_agenda.load({params: {Id_cliente:var_id_cliente_agenda}});
											break;
									case 4:
											Ext.MessageBox.alert('Registro OK','Se elimino correctamente la cita');
											DataStore_agenda.load({params: {Id_cliente:var_id_cliente_agenda}});
											break;
									default:
											Ext.MessageBox.alert('Error','Error en la BD');
											break;									 
								}
							},
							failure: function(response)
							{			  
									var result=response.responseText;
									Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
							}
		});			
	}
	
	function isFormValid()
	{
		if(txt_hora_inicia_agenda.getRawValue()>=txt_hora_fin_agenda.getRawValue() && var_id_personal_agenda!=-1)
		{
			return false;
		}
		return true;
	}
	
	
	grid_contrataciones_agenda = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contrataciones_agenda,
        stateful: true,
        stateId: 'stateGrid',
		tbar: [txt_buscar_producto_agenda,label_nombre_cliente_agenda],
        columns: [
           {
                text     : 'Cliente',
				width    : 550,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/accept.png',  // Use a URL in the icon config
                    tooltip: 'Servicios activos',
                    handler: function(grid, rowIndex, colIndex) {
						var rec = DataStore_servicios_contrataciones_agenda.getAt(rowIndex);
						DataStore_agenda_citas_creadas.load({params: {Id_cliente:rec.get('Id_cliente')}});
						DataStore_servicios_contratados.load({params: {Id_cliente:rec.get('Id_cliente')}});
						var_id_cliente_agenda=rec.get('Id_cliente');
						label_nombre_cliente_agenda.setText("<b style='font-size: 12pt; color:red; font-family: arial,helvetica'> "+rec.get('nombre')+"</b>",false);
						var_Id_cita_agenda=-1;
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Cliente con servicios en activo',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var sm = Ext.create('Ext.selection.CheckboxModel');
	var grid_contratados = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contratados,
		selModel: sm,
		multiSelect: true,
        stateful: true,
        stateId: 'stateGrid',
		columns: [
            {
                text     : 'Clave',
				width    : 50,
                sortable : false,
                dataIndex: 'Id_servicio'
            },{
                text     : 'Nombre',
				width    : 400,
                sortable : false,
                dataIndex: 'nombre'
            },{
                text     : 'Fecha contratacion',
				width    : 120,
                sortable : false,
                dataIndex: 'fecha'
            }
        ],
		anchor:'100%',
		height:150,
        title: 'Detalle de servicios',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var grid_personal = Ext.create('Ext.grid.Panel', {
        store: DataStore_personal_agenda,
        stateful: true,
		tbar: [txt_buscar_personal_agenda],
        stateId: 'stateGrid_II',
        columns: [
            {
                text     : 'Nombre',
				width    : 450,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/user_comment.png',  // Use a URL in the icon config
                    tooltip: 'Seleccionar empleado para atencion',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore_personal_agenda.getAt(rowIndex);
						txt_nombrecompleto_agenda.setValue(rec.get('nombre'));
						var_id_personal_agenda=rec.get('Id_personal');
						if(txt_fecha_atencion_agenda.getRawValue()!='')
						{
							buscar_agenda(var_id_personal_agenda,txt_fecha_atencion_agenda.getRawValue());
						}
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Personal',
        viewConfig: {
            stripeRows: true
        }
    });
	
	
	
	var grid_agenda = Ext.create('Ext.grid.Panel', {
        store: DataStore_agenda,
        stateful: true,
		stateId: 'stateGrid_III',
        columns: [
            {
                text     : 'Hora inicio',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_inicio'
            },{
                text     : 'Hora fin',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_fin'
            },{
                text     : 'Cliente',
				width    : 250,
                sortable : false,
                dataIndex: 'nombre_cliente'
            }
        ],
		width:'100%',
		height:200,
        viewConfig: {
            stripeRows: true
        }
    });
	
	Ext.define('Servicio', {
		extend: 'Ext.data.Model',
		fields: [
			{name: 'Id_cita',  type: 'int', mapping: 'Id_cita'},
			{name: 'fecha',  type: 'string', mapping: 'fecha'},
			{name: 'hora_inicio',   type: 'string', mapping: 'hora_inicio'},
			{name: 'hora_fin', type: 'string', mapping: 'hora_fin'},
			{name: 'nombre', type: 'string', mapping: 'nombre'},
			{name: 'Id_equipo', type: 'int', mapping: 'Id_equipo'},
			{name: 'nombreequipo', type: 'string', mapping: 'nombreequipo'},
			{name: 'Id_personal', type: 'int', mapping: 'Id_personal'}
		]
	});
	
	DataStore_agenda_citas_creadas = new Ext.data.Store({
					model: 'Servicio',
					id: 'DataStore_agenda_citas_creadas',
					proxy: {
								type: 'ajax',
								url : 'db_venta_producto.php',            
								actionMethods: {
											read: 'POST'
								},
								extraParams: {
											task: 'LISTING_CITAS_CREADAS',
								},
								reader: {
											root: 'results',
											totalProperty: 'total',
											id: 'id'
								}
					}
	});
	
	// create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
        store: DataStore_agenda_citas_creadas,
        stateful: true,
        stateId: 'stateGrid_III',
		columns: [
            {
                text     : 'Fecha',
				width    : 80,
                sortable : false,
                dataIndex: 'fecha'
            },{
                text     : 'Hora inicio',
				width    : 60,
                sortable : false,
                dataIndex: 'hora_inicio'
            },{
                text     : 'Hora fin',
				width    : 60,
                sortable : false,
                dataIndex: 'hora_fin'
			},{
                text     : 'Atendio/Atendera',
				width    : 350,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/table_refresh.png',  // Use a URL in the icon config
                    tooltip: 'Editar',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore_agenda_citas_creadas.getAt(rowIndex);
						txt_nombrecompleto_agenda.setValue(rec.get('nombre'));
						var_id_personal_agenda=rec.get('Id_personal');
						txt_fecha_atencion_agenda.setRawValue(rec.get('fecha'));
						txt_hora_inicia_agenda.setRawValue(rec.get('hora_inicio'));
						txt_hora_fin_agenda.setRawValue(rec.get('hora_fin'));
						var_Id_cita_agenda=rec.get('Id_cita');
						buscar_agenda(var_id_personal_agenda,txt_fecha_atencion_agenda.getRawValue());
						combo_equipo.setValue(rec.get('Id_equipo'));
					}
                }]
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/delete.gif',  // Use a URL in the icon config
                    tooltip: 'Eliminar',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore_agenda_citas_creadas.getAt(rowIndex);
						var_Id_cita_agenda=rec.get('Id_cita');
						borrar_cita();
                    }
                }]
            }
        ],
		anchor:'100%',
		height:210,
        title: 'Historial de citas',
        viewConfig: {
            stripeRows: true
        }
    });
	
	button_enviar_agenda = new Ext.Button({width: 230,text: 'Agendar',tooltip: 'Agendar',handler:crear_cita}); 
	button_limpiar_agenda = new Ext.Button({width: 200,text: 'Limpiar',tooltip: 'Limpiar plantilla',handler:limpiarpantalla});
	
	var tabs = new Ext.Panel({
		frame:true,
		title: 'Agenda personal',
		buttonAlign:'right',
		labelAlign:'right',
		layout:'column',		
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					height: 350,
					width: 450,
					items:[ 
							{layout:'anchor',frame:true,items:[button_limpiar_agenda,button_enviar_agenda]},
							txt_fecha_atencion_agenda,
							txt_nombrecompleto_agenda,
							{layout:'column',frame:true,width: 450,items:[txt_hora_inicia_agenda,txt_hora_fin_agenda]},
							grid_agenda]
				}]/*,
		buttons: [{
						text: 'Limpiar datos',
						handler:limpiarpantalla
					},{
						text: 'Agendar',
						handler:crear_cita
				}]*/
	})

	
	formulariomensaje = new Ext.Panel({
		frame:true,
		autoWidth:true,
		renderTo: 'grid-example',
		buttonAlign:'right',
		labelAlign:'right',
		layout: 'anchor',
		items: [
				{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 200,
								width: 500,
								items:grid_personal
							},{
								layout:'fit',
								height: 200,
								width: 600,
								items:grid_contrataciones_agenda
							}]
				},{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 400,
								anchor:'100%',
								items:tabs
							},{
								layout:'fit',
								height: 400,
								width: 650,
								items:[{layout:'anchor',frame:true,items:[combo_equipo,grid_contratados,grid]}]
				}]}
			]
	});
	
});

